<!doctype html>
<html class="no-js" lang="">

<head>
    <!-- =====================================
			标题
		========================================== -->
    <title>RingSpace</title>

    <!-- =====================================
			mata标签 
		========================================== -->
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- =====================================
			网站标识
		========================================== -->
    <link rel="apple-touch-icon" href="apple-touch-icon.png">

    <!-- =====================================
			css文件
			#Bootstrap
			#Font-awesome
			#Fonts
		========================================== -->
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/fonts.css" media="all" />

    <!-- =====================================
			额外样式
		========================================== -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="css/owl.theme.css">
    <link rel="stylesheet" type="text/css" href="css/full-slider.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/jPushMenu.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/hover.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/animate.css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/preload.css" media="all" />



    <!--=========================
			浏览器图标
		============================== -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

    <!--=========================
			主要的 css 
		============================== -->
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
    <!--css for Main sayle-->
    <link rel="stylesheet" href="css/media.css">
    <!--css for 响应-->
    <script src="js/vendor/modernizr-2.8.3.min.js"></script>

</head>

<body>

    <!--<div id="loader-wrapper">-->
        <!--<div id="loader"></div>-->
        <!--<div class="loader-section section-left"></div>-->
        <!--<div class="loader-section section-right"></div>-->
    <!--</div>-->


    <!--=========================
			右侧导航栏开始 
		============================== -->
    <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-right">
        <img src="img/logo.png" alt="" />
        <a href="#myCarousel">返回顶部</a>
        <a href="#hireme_area">关于我们</a>
        <a href="#service_area">业务介绍</a>
        <a href="#project_area">惊喜业务</a>
        <a href="#contact_area">联系我们</a>
    </nav>

    <div class="manu_div toggle-menu menu-right push-body">
        <button class=""><i class="fa fa-indent"></i></button>
    </div>
    <!-- 右侧导航栏结束 -->

    <!-- [if lt IE 8]>
            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->

    <!--=========================
		头部区域开始
	============================== -->
    <header id="myCarousel" class="carousel slide">

        <!-- 头部轮播指示标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>


        <!-- 轮播图 -->
        <div class="carousel-inner">

            <!-- 顶部信息 -->
            <div class="header_overlay">
                <div class="container">
                    <!-- 网站logo -->
                    <div class="row header_top">
                        <div class="col-md-12 col-sm-12 col-xs-12 logo_div">
                            <img src="img/logo.png" alt="" />
                        </div>
                    </div>
                    <!-- logo结束 -->

                    <!-- 公司宣传语 -->
                    <div class="row header_text">
                        <div id="xunren" class="col-md-6 col-sm-6 col-xs-12">
                            <span>快回来开始我们的项目吧～～</span><br/>
                        </div>
                        <div class="col-md-6 "></div>
                    </div>
                    <!-- 公司宣传语结束 -->

                    <!-- 业务入口 -->
                    <div class="row header_promo">
                        <div class="col-md-3 col-sm-3 col-xs-6">
                            <div class="single_promo hvr-sweep-to-bottom">
                                <i class="fa fa-cloud-upload"></i>
                                <h2>我要存储</h2>
                                <a href="#">Read More</a>
                            </div>
                        </div>
                        <div class="col-md-3  col-sm-3 col-xs-6">
                            <div class="single_promo hvr-sweep-to-bottom">
                                <i class="fa fa-cloud-download"></i>
                                <h2>我要取货</h2>
                                <a href="#">Read More</a>
                            </div>
                        </div>
                        <div class="col-md-3  col-sm-3 col-xs-6">
                            <div class="single_promo hvr-sweep-to-bottom">
                                <i class="fa fa-truck"></i>
                                <h2>我要寄件</h2><a href="#">Read More</a>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-3 col-xs-6">
                            <div class="single_promo hvr-sweep-to-bottom" data-toggle="modal" data-target="#login">
                                <i class="fa fa-user"></i>
                                <div>登录/注册</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 顶部信息结束 -->

            <!--轮播图片-->
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slider/slide1.jpg');"></div>
                <div class="carousel-caption overlay"></div>
            </div>

            <div class="item">
                <!-- Set the second background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slider/slide2.jpg');"></div>
                <div class="carousel-caption overlay"></div>
            </div>

            <div class="item">
                <!-- Set the third background image using inline CSS below. -->
                <div class="fill" style="background-image:url('img/slider/slide3.jpg');"></div>
                <div class="carousel-caption overlay"></div>
            </div>
            <!--轮播图片结束-->
        </div>
    </header>
    <!-- 头部区域结束 -->

    <!--=========================
		注册弹窗开始
	============================== -->
    <div id="register" class="modal fade" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                         <span>&times;</span>
                     </button>
                </div>
                <div class="modal-title">
                    <h1 class="text-center">注册</h1>
                </div>
                <div class="modal-body">
                    <form class="form-group" action="../user/regist" method="post" onsubmit="sub()">
                        <div class="form-group">
                            <label for="">昵称</label>
                            <input name="nickname" id="nickname" class="form-control" type="text" maxlength="15" onchange="checkNickname(this)" placeholder="6-15位中英文，数字，下划线，减号">
                            <h6 id="checkname" style="color: red"></h6>
                        </div>
                        <div class="form-group">
                            <label for="">密码</label>
                            <input name="password" class="form-control" maxlength="15" onchange="checkPwd(this)" type="password" placeholder="6-15位字母或数字">
                            <h6 id="pwd" style="color: red"></h6>
                        </div>
                        <label for="">手机号</label>
                        <div class="form-group input-group">
                            <input name="phone" class="form-control" id="phone" maxlength="11" oninput="yzsj(this)" type="text" placeholder="请输入绑定手机号！">
                            <span class="input-group-btn">
                            <input class="btn btn-primary disabled" type="button" id="btn" value="免费获取验证码">
                            </span>
                        </div>
                        <h6 id="checkphone" style="color: red"></h6>
                        <div class="form-group">
                            <label for="">验证码</label>
                            <input name="code" id="code" class="form-control" type="text" maxlength="6" onblur="checkCode(this)" placeholder="请输入手机验证码！">
                        </div>
                        <h6 style="color: red" id="ckCode"></h6>
                        <h6 style="color:forestgreen" id="right"></h6>
                        <div class="text-right">
                            <button class="btn btn-primary" type="submit">提交</button>
                            <button class="btn btn-danger" data-dismiss="modal">取消</button>
                        </div>
                        <a href="" data-toggle="modal" data-dismiss="modal" data-target="#login">已有账号？点我登录</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- 注册弹窗结束 -->

    <!--=========================
		登录弹窗开始
	============================== -->
    <div id="login" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    <button class="close" data-dismiss="modal">
                         <span>&times;</span>
                     </button>
                </div>
                <div class="modal-title">
                    <h1 class="text-center">登录</h1>
                </div>
                <div class="modal-body">
                    <form class="form-group" action="../user/login" method="post">
                        <div class="form-group">
                            <label for="">昵称</label>
                            <input name="nickname" class="form-control" type="text" placeholder="">
                        </div>
                        <div class="form-group">
                            <label for="">密码</label>
                            <input name="password" class="form-control" type="password" placeholder="">
                        </div>
                        <div class="text-right">
                            <button class="btn btn-primary" type="submit">登录</button>
                            <button class="btn btn-danger" data-dismiss="modal">取消</button>
                        </div>
                        <a href="" data-toggle="modal" data-dismiss="modal" data-target="#register">还没有账号？点我注册</a>
                    </form>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!-- 登录弹窗结束 -->

    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/">网页模板</a></div>

    <!--=========================
		公司简介开始
	============================== -->
    <section id="hireme_area">
        <div class="row hireme_row">

            <!-- 公司简介 -->
            <div class="col-md-6 col-sm-6 col-xs-12 hireme_text  wow slideInLeft">
                <div class="hireme_inner">
                    <h2>Here <span>公司简介</span></h2>
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;旨在解放用户在出行，出差，城市转移的过程中，对较为笨重的，不方便携带的物品繁琐的转移过程，进行托管式的储存、运输、转移的一键式服务；并对用户暂时闲置的东西，代为存储，并提供随用随取，国内城市一键调度，保证24小时送货上门的方便快捷的服务。</p>
                    <a href="#" class="my_work hvr-round-corners">My Work</a>
                    <a href="#" class="hair_me hvr-round-corners">Hire Me</a>
                </div>
            </div>

            <!-- Start About Slide -->
            <div class="col-md-6 col-sm-6 col-xs-12 hireme_slider  wow slideInRight">
                <div id="hireme_slide" class="owl-carousel owl-theme">

                    <div class="item"><img src="img/slider/hire_slide1.jpg" alt="The Last of us"></div>
                    <div class="item"><img src="img/slider/hire_slide2.jpg" alt="GTA V"></div>
                    <div class="item"><img src="img/slider/hire_slide3.jpg" alt="Mirror Edge"></div>

                </div>

            </div>
        </div>
    </section>
    <!-- 公司简介结束 -->

    <!--=========================
		业务介绍开始
	============================== -->
    <section id="service_area" class="section_padding service_area">
        <div class="container service">

            <!-- 业务标题 -->
            <div class="row service_title wow  rollIn ">
                <div class="col-md-12">
                    <h2>我们的 <span>业务</span></h2>
                    <p>云戒在手，说走就走</p>
                </div>
            </div>

            <!-- 业务内容 -->
            <div class="row service_item">
                <div class="col-md-6 col-sm-6 col-xs-12 single_servicr  wow fadeInUp" data-wow-delay=".2s">
                    <div class="service_icon">
                        <i class="fa fa-cloud-upload"></i>
                    </div>
                    <div class="service_text">
                        <h3>存储</h3>
                        <p>把你们的物品安心的交给我们吧！我们会悉心照料他的！</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 single_servicr   wow fadeInUp" data-wow-delay=".3s">
                    <div class="service_icon">
                        <i class="fa fa-cloud-download"></i>
                    </div>
                    <div class="service_text">
                        <h3>取货</h3>
                        <p>无论何时，无论何地！只要你需要，我们随时都可以把你的宝贝交还给你！！</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 single_servicr wow fadeInUp" data-wow-delay=".2s">
                    <div class="service_icon">
                        <i class="fa fa-truck"></i>
                    </div>
                    <div class="service_text">
                        <h3>转仓</h3>
                        <p>你可以把你的宝贝放在任何一个你方便取货的仓库！</p>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 single_servicr  wow fadeInUp" data-wow-delay=".3s">
                    <div class="service_icon">
                        <i class="fa fa-heartbeat"></i>
                    </div>
                    <div class="service_text">
                        <h3>捐赠</h3>
                        <p>如果你觉得你的宝贝能够帮助他人，那就奉献你的爱心吧！</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 业务介绍结束 -->

    <!--=========================
		中部轮播图+
	============================== -->
    <section id="some_sponsor" class="section_padding sponsor_area">
        <div class="sponsor_bg"></div>
        <div class="sponsor_overlay"></div>

        <!-- 轮播图片 -->
        <div class="container sponsor_inner">
            <div class="row">
                <div class="col-md-12">
                    <h3>我们的业务城市</h3>
                    <div id="sponsor_slide" class="owl-carousel owl-theme">
                        <div class="item"><img src="img/city/beijing.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/chongqing.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/hangzhou.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/shanghai.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/shenzhen.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/wuhan.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/xian.PNG" alt="" /></div>
                        <div class="item"><img src="img/city/zhengzhou.PNG" alt="" /></div>
                        <!--<div class="item"><img src="img/city/" alt="" /></div>
<div class="item"><img src="img/less.png" alt="" /></div>
<div class="item"><img src="img/jquery.png" alt="" /></div>
<div class="item"><img src="img/eivato.png" alt="" /></div>-->
                    </div>
                </div>
            </div>
        </div>

    </section>
    <!-- 中部轮播图结束 -->

    <!--=========================
		Start area for Project
	============================== -->
    <section id="project_area" class="section_padding project_area">
        <div class="container">
            <!-- Start Project Title -->
            <div class="row prject_area_title wow  rollIn ">
                <div class="col-md-12 ">
                    <h2>惊喜业务<br/>
                        <!--<span>latest</span> and <span>greatest</span> projects</h2>-->
                        <p>欢迎选择我们的惊喜业务，你也可以给我们来信定制自己的私人业务！！！</p>
                </div>
            </div>
            <!-- End Project Title -->

            <!-- Start Project Item -->
            <div class="row project_item">

                <!-- Start Sengle project -->
                <div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInLeft" data-wow-delay=".2s">
                    <div class="work_img">
                        <img src="img/project/p1.jpg" alt="" />
                        <div class="project_overlay">
                            <a class="fancybox button" href="img/project/p1-full.jpg" data-fancybox-group="gallery">时空快递</a>
                        </div>
                    </div>
                    <h3>时空快递</h3>
                </div>
                <!-- End Sengle project -->

                <!-- Start Sengle project -->
                <div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInDown" data-wow-delay=".3s">
                    <div class="work_img">
                        <img src="img/project/p2.jpg" alt="" />
                        <div class="project_overlay">
                            <a class="fancybox button" href="img/project/p2-full.jpg" data-fancybox-group="gallery">寄语未来</a>
                        </div>
                    </div>
                    <h3>寄语未来</h3>
                </div>
                <!-- End Sengle project -->

                <!-- Start Sengle project -->
                <div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInRight" data-wow-delay=".2s">
                    <div class="work_img">
                        <img src="img/project/p3.jpg" alt="" />
                        <div class="project_overlay">
                            <a class="fancybox button" href="img/project/p3-full.jpg" data-fancybox-group="gallery">私人定制</a>
                        </div>
                    </div>
                    <h3>私人定制</h3>
                </div>
                <!-- End Sengle project -->

                <!-- Start Sengle project -->
                <!--<div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInLeft" data-wow-delay=".2s">
    <div class="work_img">
        <img src="img/project/p4.jpg" alt="" />
        <div class="project_overlay">
            <a class="fancybox button" href="img/project/p4-full.jpg" data-fancybox-group="gallery">Full Project</a>
        </div>
    </div>
    <h3>OneTitle Logo Branding</h3>
</div>-->
                <!-- End Sengle project -->

                <!-- Start Sengle project -->
                <!-- <div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInUp" data-wow-delay=".3s">
                    <div class="work_img">
                        <img src="img/project/p5.jpg" alt="" />
                        <div class="project_overlay">
                            <a class="fancybox button" href="img/project/p5-full.jpg" data-fancybox-group="gallery">Full Project</a>
                        </div>
                    </div>
                    <h3>OneTitle Logo Branding</h3>
                </div>-->
                <!-- End Sengle project -->

                <!-- Start Sengle project -->
                <!-- <div class="col-md-4 col-sm-6 col-xs-12 single_project  wow fadeInRight" data-wow-delay=".2s">
                    <div class="work_img">
                        <img src="img/project/p6.jpg" alt="" />
                        <div class="project_overlay">
                            <a class="fancybox button" href="img/project/p6-full.jpg" data-fancybox-group="gallery">Full Project</a>
                        </div>
                    </div>
                    <h3>OneTitle Logo Branding</h3>
                </div>-->
                <!-- End Sengle project -->

            </div>
            <!-- End Project Item-->
        </div>
    </section>
    <!-- End of Project Area -->

    <!--=========================
		联系我们开始
	============================== -->
    <section id="contact_area" class="section_padding contact_area">
        <div class="container">
            <div class="row">
                <div class="col-md-12 contact_a_title  wow  rollIn ">
                    <h2>联系<span>  我们!</span></h2>
                    <p>如果你有什么意见和建议，请给我们来信吧！！！！</p>
                </div>
            </div>
            <div class="row contact_buttom">
                <div class="col-md-12 col-sm-12 col-xs-12 contact_box">
                    <div class="input-group">
                        <form class="form">
                            <div class="row">
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay=".2s">
                                    <input value="" type="text" class="form-control" id="fast-name" placeholder="主题">
                                </div>
                                <div class="form-group col-md-6 col-sm-6 col-xs-12  wow fadeInRight" data-wow-delay=".2s">
                                    <input value="" type="text" class="form-control" id="last-name" placeholder="姓名">
                                </div>
                                <div class="form-group col-md-6 col-sm-6 col-xs-12 wow fadeInLeft" data-wow-delay=".3s">
                                    <input value="" type="mail" class="form-control" id="email" placeholder="邮箱">
                                </div>
                                <div class="form-group col-md-6 col-sm-6 col-xs-12  wow fadeInRight" data-wow-delay=".3s">
                                    <input value="" type="numbar" class="form-control" id="project-name" placeholder="联系方式">
                                </div>
                                <div class="form-group col-md-12 col-sm-12 col-xs-12 massage_a  wow fadeInUp" data-wow-delay=".4s">
                                    <textarea name="" id="discription" rows="9" class="form-control " placeholder="相对我们说的话......"></textarea>
                                    <div class="button bold-text main-bg massage_s"><i class="fa fa-paper-plane"></i></div>
                                </div>
                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 联系我们结束 -->

    <!--=========================
		底部文字轮播
	============================== -->
    <section id="testmonial_area" class="section_padding testmonial_area">
        <div class="testmonial_bg"></div>
        <div class="testmonial_overlay"></div>
        <div class="container testmonial">
            <div class="row">
                <div class="col-md-12">
                    <i class="fa fa-star"></i>
                    <div id="testmonial_slide" class="owl-carousel owl-theme">

                        <div class="item">
                            <p class="c_comment">We both look up at the same stars, yet we see such different things.</p>

                            <h3 class="c_name">我们仰望同一片星空，却看见了不同的事物。<span>Ring Space</span></h3>

                        </div>
                        <div class="item">
                            <p class="c_comment">If we believe that tomorrow will be better, we can bear a hardship today.</p>

                            <h3 class="c_name">如果我们相信明天会更好，今天就能承受艰辛。<span>Ring Space</span></h3>

                        </div>
                        <div class="item">
                            <p class="c_comment">What fire does not destroy, it hardens.</p>

                            <h3 class="c_name">火亦不催之物，愈加坚固！<span>Ring Space</span></h3>

                        </div>
                        <div class="item">
                            <p class="c_comment">Lonely people will always remember his life occurred in each person. </p>

                            <h3 class="c_name">孤单的人总是会用心记住他生命中出现过的每一个人。<span>Ring Space</span></h3>

                        </div>
                        <div class="item">
                            <p class="c_comment">Live boldly. Push yourself. Don't settle.</p>

                            <h3 class="c_name">勇敢生活，突破自我，人生不设限！<span>Ring Space</span></h3>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 底部文字轮播结束 -->



    <!--=========================
		底部开始
	============================== -->
    <footer class="footer_area">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p class="text-center">Copyright © 2017 RingSpace 版权所有 | 京公网安备 11000002000088号 | 京ICP证070359号</p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部结束 -->

    <!--=========================
			引入的js文件 
		============================== -->
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jPushMenu.js"></script>
    <script src="js/owl.carousel.js"></script>
    <script src="js/jquery.fancybox.js"></script>
    <script src="js/jquery.fancybox.pack.js"></script>
    <script src="js/wow.min.js"></script>
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>






    <script type="text/javascript">
        var nicknamePoint = 0;
        var pwdPoint = 0;
        var codePoint = 0;

        <!--昵称验证-->
        function checkNickname(n) {
            var reg = /^[\u4e00-\u9fa5A-Za-z0-9-_]*$/;
            if (reg.test(n.value)) {
                var nickname = $("#nickname").val();
                $("#checkname").text("");
                $.post("../user/checkNickname", {
                    "nickname": nickname
                }, function(data) {
                    if ("1" == data.result) {
                        $("#checkname").text("该昵称已被注册！");
                        $("#nickname").val("");
                    } else {
                        $("#checkname").text("");
                        nicknamePoint = 1;
                    }
                }, "json")

            } else {
                $("#checkname").text("昵称只能中英文，数字，下划线，减号!");
            }
        }

        <!--密码验证-->
        function checkPwd(p) {
            var reg = /^[A-Za-z0-9]{1,15}$/;
            if (reg.test(p.value)) {
                $("#pwd").text("");
                pwdPoint = 1;
            } else {
                $("#pwd").text("密码只能是1-15位字母和数字组成!");
            }
        }


        <!--手机号验证-->
        function yzsj(o) {
            if (o.value.length == 11) {
                var reg = /^1(3|4|5|8)\d{9}$/;
                var phone = $("#phone").val();
                if (reg.test(o.value)) {
                    $.post("../user/checkPhone", {
                        "phone": phone
                    }, function(data) {
                        if ("1" == data.result) {
                            $("#checkphone").text("该手机号已经被绑定，请更换！");
                        } else {
                            $("#checkphone").text("");
                            $("#btn").removeClass("disabled");
                        }
                    }, "json");
                }
            } else {
                $("#btn").addClass("disabled");
            }
        }

        <!--验证码验证-->
        function checkCode(c) {
            var phone = document.getElementById("phone").value;
            var code = $("#code").val();
            if (phone.length == 11 && ($("#checkphone").text() == null || $("#checkphone").text() == "")) {
                $("#ckCode").text("");
                $.post("../user/ckCode", {
                    "phone": phone,
                    "code": code
                }, function(data) {
                    if ("1" == data.result) {
                        $("#ckCode").text("");
                        $("#right").text("验证成功！");
                        codePoint = 1;
                    } else {
                        $("#right").text("");
                        $("#ckCode").text("验证码错误！");
                    }
                }, "json");
            } else {
                $("#ckCode").text("请先输入正确的手机号！");
            }
        }



        <!--短信发送-->
        var wait = 60;

        function time(o) {
            if (wait == 0) {
                o.removeAttribute("disabled");
                o.value = "免费获取验证码";
                wait = 60;
            } else {

                o.setAttribute("disabled", true);
                o.value = "重新发送(" + wait + ")";
                wait--;
                setTimeout(function() {
                        time(o)
                    },
                    1000)
            }
        }
        document.getElementById("btn").onclick = function() {
            var phone = $("#phone").val();
            $.post("../user/sendCode", {
                "phone": phone
            }, function(data1) {}, "json");
            time(this);

        }

        <!--表单提交前验证-->
        function sub() {
            if (nicknamePoint == 1 && pwdPoint == 1 && codePoint == 1) {
                return true;
            } else {
                return false;
            }
        }

    </script>

</body>

</html>
